<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片垂直居中对齐</title>

    <style>
        .center img {
            vertical-align:middle; /*垂直居中对齐*/
        /*}          加top和bottom是顶端和底部对齐*/
    </style>
</head>
<body>
<div class="center">
    <img src="image/book.jpg" alt="" width="427" height="528">
    图片与文本垂直居中对齐
</body>
</html>